<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蘑菇街-总有高手帮你挑</title>
    <meta name="keywords" content="买衣服，先逛蘑菇街">
    <meta name="description" content="蘑菇街是女生专属的一站式消费平台。这里有上万个精通购物和穿搭的时尚达人，每天在直播间里推荐当季值得买的时尚好物、限时折扣的品牌商品以及源自工厂的性价比好货。蘑菇街的商品均由平台官方审核供应商资质和品质，让消费者轻松享受变美体验。">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./script/main.js" type="module" id="index"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>

<body>
    <!-- 顶部区域结构 -->
    <header>
        <!-- 头部导航区域 -->
        <div class="h_nav">
            <div class="container">
                <div class="h_content">
                    <a href="index1.html" class="nav_item"><i></i>首页</a>
                    <a href="" class="nav_item" target="_blank"><i></i>商城</a>
                    <a href="" class="nav_item" target="_blank">我的订单</a>
                    <div class="h_about nav_item" target="_blank">关于我们<i class="icon_down"></i></div>
                </div>
            </div>
        </div>
        <!-- 头部主体区域 -->
        <div class="h_con">
            <div class="container clearfix">
                <a href="javascript:;" id="top_logo" title="蘑菇街首页" class="fl">
                    <img src="https://s10.mogucdn.com/mlcdn/c45406/190102_088f4i166l4gkl08k297h5kk8690i_260x200.png" alt="蘑菇街，我的买手街">
                </a>
                <div class="h_category fl">
                    <i></i> 目录
                </div>
                <div class="search_content fl">
                    <!-- 搜索框 -->
                    <div class="h_search fl">
                        <form action="" method="get" class="top_nav_form clearfix">
                            <input type="text" placeholder="连衣裙" class="sc_text fl">
                            <input type="submit" class="sc_btn fl" value="">
                        </form>
                        <div class="top_nav_tip">
                            <ul></ul>
                        </div>
                    </div>

                    <!-- 导航信息 -->
                    <div class="h_news fl">
                        <!-- 消息 -->
                        <div class="top_news">
                            <a href="javascript:;" class="news">
                                <i></i>
                                <span>消息</span>
                            </a>
                            <a href="javascript:;" class="collection">
                                <i></i>
                                <span>收藏</span>
                            </a>
                            <a href="cartlist.html" class="buycar">
                                <i></i>
                                <span>购物车</span>
                            </a>
                        </div>
                    </div>

                    <!-- 登录注册以及用户信息和退出 -->
                    <div class="h_inform fl">
                        <a href="./registry.html" class="register" style="display: none;">
                            <img src="https://s10.mogucdn.com/mlcdn/c45406/181016_143l3ehl4ebad6c2326gjk6d4h41g_48x48.png" alt=""> 注册
                        </a>
                        <a href="./login.html" style="display: none;" class="login">
                            <img src="https://s10.mogucdn.com/mlcdn/c45406/181016_143l3ehl4ebad6c2326gjk6d4h41g_48x48.png" alt=""> 登录
                        </a>
                        <span class="username">
                            <strong>欢迎您!!!</strong>
                            <i></i>
                        </span>
                        <a href="javascript:;" class="backlogin">退出登录</a>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- banner区域结构布局 -->

    <div class="container">
        <!-- banner的顶部区域 -->
        <div class="banner_top">
            <a href="javascript:;">主题市场</a>
        </div>
    </div>
    <div class="banner">
        <div class="container">
            <!-- 二级菜单区域 -->
            <ul class="banner_menu">
                <li>
                    <span class="menu_text">
                        <a href="">T恤</a>
                        <a href="">时尚套装</a>
                        <a href="">卫衣</a>
                    </span>
                    <div class="sub_menu"><a href="list.html">上衣</a></div>
                </li>
                <li>
                    <span class="menu_text">
                        <a href="">连衣裙</a>
                        <a href="">半身裙</a>
                        <a href="">美裙套装</a>
                    </span>
                    <div class="sub_menu"><a href="">裙子</a></div>
                </li>
                <li>
                    <span class="menu_text">
                        <a href="">牛仔裤</a>
                        <a href="">休闲裤</a>
                        <a href="">运动裤</a>
                    </span>
                    <div class="sub_menu"><a href="">裤子</a></div>
                </li>
                <li>
                    <span class="menu_text">
                        <a href="">靴子</a>
                        <a href="">单鞋</a>
                        <a href="">休闲运动</a>
                    </span>
                    <div class="sub_menu"><a href="">女鞋</a></div>
                </li>
                <li>
                    <span class="menu_text">
                        <a href="">双肩包</a>
                        <a href="">拉杆箱</a>
                        <a href="">斜挎包</a>
                    </span>
                    <div class="sub_menu"><a href="">包包</a></div>
                </li>
                <li>
                    <span class="menu_text">
                        <a href="">T恤</a>
                        <a href="">休闲裤</a>
                        <a href="">休闲鞋</a>
                    </span>
                    <div class="sub_menu"><a href="">男友</a></div>
                </li>
                <li>
                    <span class="menu_text">
                        <a href="">帽子</a>
                        <a href="">墨镜</a>
                        <a href="">眼镜框</a>
                    </span>
                    <div class="sub_menu"><a href="">配饰</a></div>
                </li>
                <li>
                    <span class="menu_text">
                        <a href="">护肤套装</a>
                        <a href="">面膜</a>
                        <a href="">护唇膏</a>
                    </span>
                    <div class="sub_menu"><a href="">美妆</a></div>
                </li>
                <li>
                    <span class="menu_text">
                        <a href="">床上用品</a>
                        <a href="">收纳整理</a>
                        <a href="">纸品清洁</a>
                    </span>
                    <div class="sub_menu"><a href="">家居</a></div>
                </li>
                <li>
                    <span class="menu_text">
                        <a href="">睡衣</a>
                        <a href="">内裤</a>
                        <a href="">睡袜</a>
                    </span>
                    <div class="sub_menu"><a href="">内衣</a></div>
                </li>
                <li>
                    <span class="menu_text">
                        <a href="">萌宝童装</a>
                        <a href="">孕妇装</a>
                        <a href="">萌宝童鞋</a>
                    </span>
                    <div class="sub_menu"><a href="">母婴</a></div>
                </li>
                <li>
                    <span class="menu_text">
                        <a href="">手机壳</a>
                        <a href="">卷发棒</a>
                        <a href="">移动电源</a>
                    </span>
                    <div class="sub_menu"><a href="">电器</a></div>
                </li>
                <li>
                    <span class="menu_text">
                        <a href="">零食组合</a>
                        <a href="">礼包</a>
                        <a href="">进口美食</a>
                    </span>
                    <div class="sub_menu"><a href="">食品</a></div>
                </li>
            </ul>
        </div>

    </div>


    <!-- main主体区域结构样式 -->
    <div class="main">
        <div class="container">
            <!-- 今日必抢区域结构 -->
            <div class="daybuy">
                <!-- 左边今日必抢图片区域 -->
                <div class="time_purchase fl">
                    <img src="https://s10.mogucdn.com/mlcdn/c45406/180423_4c1k410gfcjj100b7ck185ldbc1d4_460x588.png"></img>
                    <span class="time_hour"></span>
                    <span class="colon1">:</span>
                    <span class="time_minute"></span>
                    <span class="colon2">:</span>
                    <span class="time_second"></span>
                </div>
                <!-- 右边幻灯片切换区域 -->
                <div class="slide fr">
                    <div class="outerbox">
                        <div class="oslide_banner clearfix">
                            <div class="item_box fl">
                                <div class="good_item">
                                    <a href="javascript:;">
                                        <img src="https://s5.mogucdn.com/mlcdn/55cf19/210510_3230bf12le4d9d0kc685gi3ic1a53_640x960.jpg_400x9999.v1c7E.81.webp" alt="">
                                    </a>
                                    <a href="javascript:;" class="good_title">夹趾外穿凉拖鞋水钻沙滩鞋</a>
                                    <div class="good_price"><em>¥19.90</em></div>
                                </div>
                            </div>
                            <div class="item_box fl">
                                <div class="good_item">
                                    <a href="javascript:;">
                                        <img src="https://s5.mogucdn.com/mlcdn/c45406/210609_27h3d0bh22jdg2a679918il17jkcg_640x854.jpg_400x9999.v1c7E.81.webp" alt="">
                                    </a>
                                    <a href="javascript:;" class="good_title">S925纯银刀片项链轻奢</a>
                                    <div class="good_price"><em>¥29.90</em></div>
                                </div>
                            </div>
                            <div class="item_box fl">
                                <div class="good_item">
                                    <a href="javascript:;">
                                        <img src="https://s5.mogucdn.com/mlcdn/c45406/210612_1j23i6ik83ide90e6bkdlgd97fe8a_786x762.png_400x9999.v1c7E.81.webp" alt="">
                                    </a>
                                    <a href="javascript:;" class="good_title">泰国乳胶内衣聚拢背心文胸罩</a>
                                    <div class="good_price"><em>¥25.80</em></div>
                                </div>
                            </div>
                            <div class="item_box fl">
                                <div class="good_item">
                                    <a href="javascript:;">
                                        <img src="https://s5.mogucdn.com/mlcdn/c45406/210608_687h1dbf9bj7886j2hfjk3g99d3c1_750x1000.jpg_400x9999.v1c7E.81.webp" alt="">
                                    </a>
                                    <a href="javascript:;" class="good_title">【纯银】仙女蝴蝶圆珠手链</a>
                                    <div class="good_price"><em>¥29.9</em></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 左右点击箭头 -->
                    <a href="javascript:;" title="上一张" class="arrow prev_btn" style="display: none;"></a>
                    <a href="javascript:;" title="下一张" class="arrow next_btn" style="display: none;"></a>
                </div>
            </div>

            <!-- 限时快枪区域结构 -->
            <div class="limitFast" style="margin-bottom: 60px;">
                <a href="javascript:;" class="quick_img">
                    <img src="https://s10.mogucdn.com/mlcdn/c45406/191011_1127ikca11d3h405g39650ek614gb_940x300.jpg_999x999.v1c0.81.webp" alt="">
                </a>
                <a href="javascript:;" class="limit_img">
                    <img src="https://s10.mogucdn.com/mlcdn/c45406/191011_5346f5c1c159fck90e24c4fk93674_460x300.jpg_999x999.v1c0.81.webp" alt="">
                </a>
                <a href="javascript:;" class="limit_img">
                    <img src="https://s10.mogucdn.com/mlcdn/c45406/191011_6h7j0jkcbb0ahhi0kiad2j41k39kh_460x300.jpg_999x999.v1c0.81.webp" alt="">
                </a>
                <a href="javascript:;" class="limit_img">
                    <img src="https://s10.mogucdn.com/mlcdn/c45406/191011_6461jcalbjk4d4788b419ac5ca9eg_460x300.jpg_999x999.v1c0.81.webp" alt="">
                </a>
            </div>

            <!-- 女装区域结构 -->
            <div class="womenwear clearfix" style="margin-bottom: 60px;">
                <!-- 顶部标题 -->
                <div class="topicLink clearfix" style="margin-bottom: 16px;">
                    <div class="sideIcon fl" style="background-color: #FFA1B8"></div>
                    <div class="titleName fl">女装</div>
                    <div class="linkbox fl">
                        <a href="javascript:;"> 时尚套装 </a> |
                        <a href="javascript:;"> 长袖衬衫 </a> |
                        <a href="javascript:;"> 牛仔外套 </a> |
                        <a href="javascript:;"> 卫衣 </a> |
                        <a href="javascript:;"> 牛仔裤 </a> |
                        <a href="javascript:;"> 休闲裤 </a> |
                    </div>
                </div>
                <!-- 女装主体内容结构 -->
                <div class="wear_content">
                    <!-- 左侧图片区域 -->
                    <div class="leftpic fl">
                        <a href="javascript:;">
                            <img src="https://s10.mogucdn.com/mlcdn/c45406/190507_0dkf3lb36d9k11h9ki2i6g63jhjji_690x1872.jpg_750x9999.v1c7E.81.webp" alt="">
                        </a>
                    </div>
                    <!-- 右侧轮播主体信息区域 -->
                    <div class="rightarea fl">
                        <!-- 轮播区域 -->
                        <div class="topswiper">
                            <div class="swiper_box">
                                <div class="swiper_list">
                                    <div class="swiper_item fl">
                                        <a href="javascript:;">
                                            <img src="https://s11.mogucdn.com/mlcdn/c45406/180819_2791931dhhb5h5bgik2cd6f4cc2ih_640x960.jpg" alt="">
                                            <p class="swiper_item_title">2019春装新款韩版时尚套装chic暗红显白BF宽松显瘦冲锋衣外套+条杠休闲运动裤女两件套
                                            </p>
                                            <p class="swiper_item_price">
                                                <span> ¥ </span><em>79.9</em>
                                            </p>
                                        </a>
                                    </div>
                                    <div class="swiper_item fl">
                                        <a href="javascript:;">
                                            <img src="https://s11.mogucdn.com/mlcdn/c45406/180819_2791931dhhb5h5bgik2cd6f4cc2ih_640x960.jpg" alt="">
                                            <p class="swiper_item_title">2019春装新款韩版时尚套装chic暗红显白BF宽松显瘦冲锋衣外套+条杠休闲运动裤女两件套
                                            </p>
                                            <p class="swiper_item_price">
                                                <span> ¥ </span><em>79.9</em>
                                            </p>
                                        </a>
                                    </div>
                                    <div class="swiper_item fl">
                                        <a href="javascript:;">
                                            <img src="https://s11.mogucdn.com/mlcdn/c45406/180819_2791931dhhb5h5bgik2cd6f4cc2ih_640x960.jpg" alt="">
                                            <p class="swiper_item_title">2019春装新款韩版时尚套装chic暗红显白BF宽松显瘦冲锋衣外套+条杠休闲运动裤女两件套
                                            </p>
                                            <p class="swiper_item_price">
                                                <span> ¥ </span><em>79.9</em>
                                            </p>
                                        </a>
                                    </div>
                                    <div class="swiper_item fl">
                                        <a href="javascript:;">
                                            <img src="https://s11.mogucdn.com/mlcdn/c45406/180819_2791931dhhb5h5bgik2cd6f4cc2ih_640x960.jpg" alt="">
                                            <p class="swiper_item_title">2019春装新款韩版时尚套装chic暗红显白BF宽松显瘦冲锋衣外套+条杠休闲运动裤女两件套
                                            </p>
                                            <p class="swiper_item_price">
                                                <span> ¥ </span><em>79.9</em>
                                            </p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 新款banner图片区域 -->
                        <div class="middlePic">
                            <a href="javascript:;">
                                <img src="https://s10.mogucdn.com/mlcdn/c45406/180820_72i7l749fdbald47g0ed5la37l2i0_940x226.jpg_999x999.v1c0.81.webp" alt="">
                            </a>
                            <a href="javascript:;">
                                <img src="https://s10.mogucdn.com/mlcdn/c45406/190220_0jlk010chdg7c1h9ij25lli3ablfa_460x226.jpg_999x999.v1c0.81.webp" alt="">
                            </a>
                            <a href="javascript:;">
                                <img src="https://s10.mogucdn.com/mlcdn/c45406/180820_409dkj47a3ike6i0g0ejjlgeghaef_460x226.jpg_999x999.v1c0.81.webp" alt="">
                            </a>
                        </div>

                        <!-- 底部其他推荐区域 -->
                        <div class="bottomPic">
                            <a href="javascript:;">
                                <div class="bottom_item_info">
                                    <div class="bottom_item_title" style="background-image: linear-gradient( 139deg, #FF5757, #D831FD);">心机衬衫</div>
                                    <div class="bottom_item_desc">秋季衬衫心机穿搭</div>
                                </div>
                                <div class="bottom_item_img">
                                    <img src="https://s10.mogucdn.com/mlcdn/c45406/180912_08e76539flif1ejg59fj6d85586g4_1125x1125.png_180x180.v1cAC.40.webp" alt="">
                                </div>
                            </a>
                            <a href="javascript:;">
                                <div class="bottom_item_info">
                                    <div class="bottom_item_title" style="background-image:linear-gradient(139deg,#8cacff, #4674ea)">轻薄针织</div>
                                    <div class="bottom_item_desc">早晚降温必备单品</div>
                                </div>
                                <div class="bottom_item_img">
                                    <img src="https://s10.mogucdn.com/mlcdn/c45406/180912_6adk9aic53720i44ljl56a4ajl8gf_1125x1125.png_180x180.v1cAC.40.webp" alt="">
                                </div>
                            </a>
                            <a href="javascript:;">
                                <div class="bottom_item_info">
                                    <div class="bottom_item_title" style="background-image:linear-gradient(139deg,#FF5757, #FFB746)">韩版卫衣</div>
                                    <div class="bottom_item_desc">百搭必备</div>
                                </div>
                                <div class="bottom_item_img">
                                    <img src="https://s3.mogucdn.com/mlcdn/c45406/180330_7j46ki0gid8kd0kekdadile917ekh_83x83.png_180x180.v1cAC.40.webp" alt="">
                                </div>
                            </a>
                            <a href="javascript:;">
                                <div class="bottom_item_info">
                                    <div class="bottom_item_title" style="background-image:linear-gradient(139deg,#FF5757, #FFB746)">牛仔裤</div>
                                    <div class="bottom_item_desc">穿出你的大长腿</div>
                                </div>
                                <div class="bottom_item_img">
                                    <img src="https://s10.mogucdn.com/mlcdn/c45406/181031_11cb7d8k8hiik2d2g60fghbb02266_1125x1125.png_180x180.v1cAC.40.webp" alt="">
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 女装&包包区域结构 -->
            <div class="womenbags clearfix" style="margin-top:60px;">
                <!-- 顶部标题 -->
                <div class="topicLink clearfix" style="margin-bottom: 16px;">
                    <div class="sideIcon fl" style="background-color: #8FABFF"></div>
                    <div class="titleName fl">女鞋&包包</div>
                    <div class="linkbox fl">
                        <a href="javascript:;"> 单鞋 </a> |
                        <a href="javascript:;"> 小白鞋 </a> |
                        <a href="javascript:;"> 运动鞋 </a> |
                        <a href="javascript:;"> 帆布鞋 </a> |
                        <a href="javascript:;"> 斜挎包 </a> |
                        <a href="javascript:;"> 双肩包 </a> |
                        <a href="javascript:;"> 手提包 </a> |
                        <a href="javascript:;"> 拉杆包 </a> |
                    </div>
                </div>
                <!-- 女装&包包主体内容结构 -->
                <div class="wear_content">
                    <!-- 左侧图片区域 -->
                    <div class="leftpic fl">
                        <a href="javascript:;" class="common_left">
                            <img src="https://s10.mogucdn.com/mlcdn/c45406/181031_2615dkk1cjbjei96ai87jlf725da9_690x1665.jpg_750x9999.v1c7E.81.webp" alt="">
                        </a>
                    </div>
                    <!-- 中间轮播主体信息区域 -->
                    <div class="mid_wriper fl">
                        <!-- 轮播内容区域 -->
                        <div class="mid_relative_box" style="position: relative;">
                            <div class="mid_content" style="display: flex; justify-content: flex-start;">
                                <div class="mid_banner">
                                    <div class="swiper_img fl">
                                        <a href="javascript:;">
                                            <div class="swiper_pic">
                                                <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                            </div>
                                            <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                            <p class="swiper_img_price">
                                                <em>¥</em>
                                                <span>50.32</span>
                                            </p>
                                        </a>
                                    </div>
                                    <div class="swiper_img fl">
                                        <a href="javascript:;">
                                            <div class="swiper_pic">
                                                <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                            </div>
                                            <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                            <p class="swiper_img_price">
                                                <em>¥</em>
                                                <span>50.32</span>
                                            </p>
                                        </a>
                                    </div>
                                    <div class="swiper_img fl">
                                        <a href="javascript:;">
                                            <div class="swiper_pic">
                                                <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                            </div>
                                            <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                            <p class="swiper_img_price">
                                                <em>¥</em>
                                                <span>50.32</span>
                                            </p>
                                        </a>
                                    </div>
                                    <div class="swiper_img fl">
                                        <a href="javascript:;">
                                            <div class="swiper_pic">
                                                <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                            </div>
                                            <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                            <p class="swiper_img_price">
                                                <em>¥</em>
                                                <span>50.32</span>
                                            </p>
                                        </a>
                                    </div>
                                    <div class="swiper_img fl">
                                        <a href="javascript:;">
                                            <div class="swiper_pic">
                                                <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                            </div>
                                            <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                            <p class="swiper_img_price">
                                                <em>¥</em>
                                                <span>50.32</span>
                                            </p>
                                        </a>
                                    </div>
                                    <div class="swiper_img fl">
                                        <a href="javascript:;">
                                            <div class="swiper_pic">
                                                <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                            </div>
                                            <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                            <p class="swiper_img_price">
                                                <em>¥</em>
                                                <span>50.32</span>
                                            </p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 轮播下面的小点 -->
                        <div class="swiper_dot">
                            <a href="javascript:;" class="active_color"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                        </div>
                    </div>

                    <!-- 右侧相似商品推荐区域结构 -->
                    <div class="rightAlike fl">
                        <div class="alike_head">
                            <span class="recommend">热销商品推荐</span>
                            <span class="turn_next">换一批</span>
                        </div>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s5.mogucdn.com/mlcdn/c45406/210117_0khk87jljgkc4hf7hc0dk45lb4144_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">环球情侣款经典帆布鞋女韩版高帮女鞋休闲百搭休闲鞋球鞋女布鞋</p>
                                <p class="right_info_price">
                                    <span>￥</span>
                                    <span class="good_money">55.00</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s11.mogucdn.com/mlcdn/c45406/181003_0jde0bc2ga7e68jk0g5184fk48ae3_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">英伦风新款学生韩版百搭厚底机车靴子冬增高短靴女加绒百搭沙漠靴</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">89.00</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s11.mogucdn.com/mlcdn/c45406/180917_22cgeb874iec4l2j13d5g9ikk37hi_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">ins包包女2018新款韩版简约百搭大容量chic水桶包港风单肩斜挎包10251820</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">85.00</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s5.mogucdn.com/p2/170312/206600244_1j6jlgb01a3679cc3706j883b5d46_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">梵花不语帆布包单肩文艺百搭小布包迷你手提斜挎包袋女包包学院风</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">55.72</span>
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <!-- 男装&男鞋区域结构 -->
            <div class="menshoes clearfix" style="margin-top:60px;">
                <!-- 顶部标题 -->
                <div class="topicLink clearfix" style="margin-bottom: 16px;">
                    <div class="sideIcon fl" style="background-color: #8FABFF"></div>
                    <div class="titleName fl">男装&男鞋</div>
                    <div class="linkbox fl">
                        <a href="javascript:;"> 当季新品 </a> |
                        <a href="javascript:;"> 潮男T恤 </a> |
                        <a href="javascript:;"> 百搭休闲裤 </a> |
                        <a href="javascript:;"> 潮鞋 </a> |
                    </div>
                </div>
                <!-- 男装&男鞋主体内容结构 -->
                <div class="wear_content">
                    <!-- 左侧图片区域 -->
                    <div class="leftpic fl">
                        <a href="javascript:;" class="common_left">
                            <img src="https://s10.mogucdn.com/mlcdn/c45406/190315_2kkha5968jbe4b2flbk90lg8ajebi_690x1872.jpg_750x9999.v1c7E.81.webp" alt="">
                        </a>
                    </div>
                    <!-- 中间轮播主体信息区域 -->
                    <div class="mid_wriper fl">
                        <!-- 轮播内容区域 -->
                        <div class="mid_content">
                            <div class="mid_banner">
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s11.mogucdn.com/mlcdn/55cf19/210616_5ih32hklf4f9jh474868290he5k1l_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">男鞋春夏季韩版透气单鞋男士休闲运动鞋百搭潮流学生老爹潮鞋子男</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s11.mogucdn.com/mlcdn/c45406/210607_8a7jhb4g0318j87c34f1994gfg672_750x1000.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">（45元2件，99元任选5件）纯棉福利品质夏季新款男短袖体恤</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>75.99</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <!-- 轮播下面的小点 -->
                        <div class="swiper_dot">
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                        </div>
                    </div>

                    <!-- 右侧相似商品推荐区域结构 -->
                    <div class="rightAlike fl">
                        <div class="alike_head">
                            <span class="recommend">热销商品推荐</span>
                            <span class="turn_next">换一批</span>
                        </div>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s5.mogucdn.com/p2/170205/79199671_1dlf7j8bcgaljcc088id20d66g9k5_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">春季高帮男鞋韩版百搭帆布鞋男韩版情侣板鞋男士运动学生鞋子男潮</p>
                                <p class="right_info_price">
                                    <span>￥</span>
                                    <span class="good_money">56.00</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s5.mogucdn.com/mlcdn/c45406/180928_5e97fd5hc356c8lgi5ig02dkd834e_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">卫衣男连帽2018新款秋冬季韩版潮流宽松衣服学生运动帽衫加绒外套</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">48.30</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s11.mogucdn.com/mlcdn/c45406/180821_52f4ig2aajb8g929dhg4e57iel51d_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">夏季薄款束脚裤韩版修身小脚休闲裤男哈伦裤男裤长裤发型师裤子男</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">142.00</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s5.mogucdn.com/mlcdn/c45406/180918_5kg5gc9dl9b19jih0d5lkk8fbdfea_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">新款男鞋ins超火的运动鞋小白鞋韩版潮流休闲鞋原宿学院风男鞋子春季运动情侣网红老爹鞋男</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">140.00</span>
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <!-- 内衣区域结构 -->
            <div class="underwears clearfix" style="margin-top:60px;">
                <!-- 顶部标题 -->
                <div class="topicLink clearfix" style="margin-bottom: 16px;">
                    <div class="sideIcon fl" style="background-color: #8FABFF"></div>
                    <div class="titleName fl">内衣</div>
                    <div class="linkbox fl">
                        <a href="javascript:;"> 睡衣 </a> |
                        <a href="javascript:;"> 丝袜打底 </a> |
                        <a href="javascript:;"> 内衣套装 </a> |
                    </div>
                </div>
                <!-- 内衣主体内容结构 -->
                <div class="wear_content">
                    <!-- 左侧图片区域 -->
                    <div class="leftpic fl">
                        <a href="javascript:;" class="common_left">
                            <img src="https://s10.mogucdn.com/mlcdn/c45406/180516_2838ae209bh533h353ie13bh24blc_690x1665.jpg_750x9999.v1c7E.81.webp" alt="">
                        </a>
                    </div>
                    <!-- 中间轮播主体信息区域 -->
                    <div class="mid_wriper fl">
                        <!-- 轮播内容区域 -->
                        <div class="mid_content">
                            <div class="mid_banner">
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s11.mogucdn.com/mlcdn/c45406/200328_1a0c52303kc0licd7diaa4a95d9kl_800x1200.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">可爱小熊袜子女日系蝴蝶结软妹萝莉中筒jk学生韩版纯棉短袜透气</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>17.5 </span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s11.mogucdn.com/mlcdn/c45406/200513_6i56dd0ik154fj9k795e2lbhf3ck2_800x1200.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">袜子女网红小雏菊刺绣船袜浅口隐形夏季薄款日系可爱短袜ins潮</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>25.99</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <!-- 轮播下面的小点 -->
                        <div class="swiper_dot">
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                        </div>
                    </div>

                    <!-- 右侧相似商品推荐区域结构 -->
                    <div class="rightAlike fl">
                        <div class="alike_head">
                            <span class="recommend">热销商品推荐</span>
                            <span class="turn_next">换一批</span>
                        </div>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s5.mogucdn.com/mlcdn/c45406/180311_5cbi086ha16hb7ge1dibkkjgb1ig7_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">网红菠萝丝袜女薄款防勾丝春夏季黑肉色打底裤隐形连体袜光腿神器</p>
                                <p class="right_info_price">
                                    <span>￥</span>
                                    <span class="good_money">16.80</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s5.mogucdn.com/mlcdn/c45406/191128_25fhah7l4jle7g5347g0gh041gg7a_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">聚拢收副乳无痕内衣套装女性感防下垂调整型小胸罩无钢圈文胸厚薄</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">39.90</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s5.mogucdn.com/mlcdn/c45406/190920_685jbkge66db71jhkf31j1aih95fg_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">精梳棉显瘦竖纹打底裤春秋外穿薄款连裤袜美腿修身打底袜160g</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">29.90</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s11.mogucdn.com/mlcdn/c45406/191001_1ik6a48fc5h609bhl6klff6hc224f_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">秋冬少女金丝绒小胸聚拢内衣无钢圈上托调整性感学生文胸套装</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">49.00</span>
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <!-- 家纺&家饰区域结构 -->
            <div class="furnishings clearfix" style="margin-top:60px;">
                <!-- 顶部标题 -->
                <div class="topicLink clearfix" style="margin-bottom: 16px;">
                    <div class="sideIcon fl" style="background-color: #8FABFF"></div>
                    <div class="titleName fl">家纺&家饰</div>
                    <div class="linkbox fl">
                        <a href="javascript:;"> 收纳宝盒 </a> |
                        <a href="javascript:;"> 手机壳 </a> |
                        <a href="javascript:;"> 美发神器 </a> |
                        <a href="javascript:;"> 充电宝 </a> |
                    </div>
                </div>
                <!-- 家纺&家饰主体内容结构 -->
                <div class="wear_content">
                    <!-- 左侧图片区域 -->
                    <div class="leftpic fl">
                        <a href="javascript:;" class="common_left">
                            <img src="https://s10.mogucdn.com/mlcdn/c45406/180516_11i31d9gh7dc4e8bi33g98e6ibbkb_690x1665.jpg_750x9999.v1c7E.81.webp" alt="">
                        </a>
                    </div>
                    <!-- 中间轮播主体信息区域 -->
                    <div class="mid_wriper fl">
                        <!-- 轮播内容区域 -->
                        <div class="mid_content">
                            <div class="mid_banner">
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/190920_7eflb6cdl299675ha68i6g57l46f9_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">卫生巾包放卫生棉月事包便携装大姨妈巾小包月经卫生巾收纳包袋子</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>5.62</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/201028_81ge5b189kb19fe903774269j0544_800x800.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">居家家对折式挤水胶棉拖把送拖把头家用免手洗清洁吸水海绵拖布</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>32.99</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <!-- 轮播下面的小点 -->
                        <div class="swiper_dot">
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                        </div>
                    </div>

                    <!-- 右侧相似商品推荐区域结构 -->
                    <div class="rightAlike fl">
                        <div class="alike_head">
                            <span class="recommend">热销商品推荐</span>
                            <span class="turn_next">换一批</span>
                        </div>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s5.mogucdn.com/p2/160910/100295892_3jaj0h0l3flj0478ic451ddaibjl6_640x960.png_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">简约现代定制纯色棉麻窗帘成品亚麻布料全遮光布卧室客厅加厚特价</p>
                                <p class="right_info_price">
                                    <span>￥</span>
                                    <span class="good_money">31.90</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s5.mogucdn.com/mlcdn/c45406/180820_7fd73d29b2e3e2jike9g7658g895e_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">单人被子学生宿舍单人床春秋被子冬天被芯加厚太空被冬季棉被冬被</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">59.00</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s5.mogucdn.com/p1/160408/117657923_ie4gkodbgztdey3dg4zdambqgiyde_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">夏天情侣可爱卡通室内防滑浴室凉拖鞋夏季男女士居家洗澡凉拖</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">14.70</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s11.mogucdn.com/mlcdn/c45406/200412_4ke6eafad062846aje27i1egj7i66_800x800.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">亲肤宜家四件套床上用品网红公主风学生宿舍被套床单三校园家纺</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">39.00</span>
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <!-- 母婴&童装区域结构 -->
            <div class="bobywear clearfix" style="margin-top:60px;">
                <!-- 顶部标题 -->
                <div class="topicLink clearfix" style="margin-bottom: 16px;">
                    <div class="sideIcon fl" style="background-color: #8FABFF"></div>
                    <div class="titleName fl">母婴&童装</div>
                    <div class="linkbox fl">
                        <a href="javascript:;"> 孕妇装 </a> |
                        <a href="javascript:;"> 童装 </a> |
                        <a href="javascript:;"> 婴儿洗护 </a> |
                        <a href="javascript:;"> 亲子装 </a> |
                    </div>
                </div>
                <!-- 母婴&童装主体内容结构 -->
                <div class="wear_content">
                    <!-- 左侧图片区域 -->
                    <div class="leftpic fl">
                        <a href="javascript:;" class="common_left">
                            <img src="https://s10.mogucdn.com/mlcdn/c45406/181031_1dl5i43l1j3711ci0956aidgil7ge_690x1665.jpg_750x9999.v1c7E.81.webp" alt="">
                        </a>
                    </div>
                    <!-- 中间轮播主体信息区域 -->
                    <div class="mid_wriper fl">
                        <!-- 轮播内容区域 -->
                        <div class="mid_content">
                            <div class="mid_banner">
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/c45406/210327_1keb9ch9l2hh42ca6081el170h898_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">芭芭鸭儿童凉鞋女童露趾公主鞋2021夏季透气防滑沙滩鞋中小童</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>55.9 </span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s11.mogucdn.com/mlcdn/c45406/210505_13kjh3gekl178b96fj9jb647bhkg9_800x800.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">女童jk制服套装夏装新款洋气宝宝百褶裙儿童学院风两件套</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>49.9 </span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                                <div class="swiper_img fl">
                                    <a href="javascript:;">
                                        <div class="swiper_pic">
                                            <img src="https://s5.mogucdn.com/mlcdn/55cf19/210523_888ic1l225kj2khjad9k737409f40_640x960.jpg_400x400.v1cAC.40.webp" alt="">
                                        </div>
                                        <p class="swiper_img_title">2021年夏季黑色网鞋女透气网面厚底松糕英伦风小皮鞋百搭镂空单鞋</p>
                                        <p class="swiper_img_price">
                                            <em>¥</em>
                                            <span>50.32</span>
                                        </p>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <!-- 轮播下面的小点 -->
                        <div class="swiper_dot">
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                            <a href="javascript:;"></a>
                        </div>
                    </div>

                    <!-- 右侧相似商品推荐区域结构 -->
                    <div class="rightAlike fl">
                        <div class="alike_head">
                            <span class="recommend">热销商品推荐</span>
                            <span class="turn_next">换一批</span>
                        </div>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s11.mogucdn.com/mlcdn/c45406/180803_0d2k5fc51ej31cell245f3bl73j9f_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">【99元任选2件】蜡比小星儿童运动鞋男童鞋女童小白鞋春季板鞋</p>
                                <p class="right_info_price">
                                    <span>￥</span>
                                    <span class="good_money">65.00</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s11.mogucdn.com/mlcdn/c45406/191118_6cil14cbhkdl1jbb0iab9che1g0db_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">【紫驼绒】孕妇打底裤秋冬加绒加厚踩脚棉裤冬托腹孕妇裤子秋冬款</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">58.00</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s11.mogucdn.com/mlcdn/c45406/181016_081ggb2hfe4bg929e1hadif5g9493_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">孕妇裤子加绒加厚秋冬2018新款韩版托腹裤外穿孕妇打底裤春秋季小脚裤孕妇装秋装时尚长裤冬装</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">58.00</span>
                                </p>
                            </div>
                        </a>
                        <a href="javascript:;" class="right_goods_item">
                            <div class="right_imgbox fl">
                                <img src="https://s5.mogucdn.com/p2/170705/2jk0cn_05al5d2d3a7ed33cj2fa29cifg847_640x960.jpg_360x360.v1cAC.40.webp" alt="">
                            </div>
                            <div class="right_good_info fl">
                                <p class="right_info_title">新款儿童内衣套装纯棉秋冬薄款卡通印花女童保暖内衣男童宝宝内衣套装睡衣儿童睡衣女儿童睡衣男</p>
                                <p class="right_info_price">
                                    <span>￥</span><span class="good_money">39.90</span>
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <!-- 猜你喜欢区域结构 -->
            <div class="lovely" style="margin-top:60px;">
                <!-- 猜你喜欢头部标题区域 -->
                <div class="love_title" style="margin-bottom: 20px;">
                    <a href="javascript:;">猜你喜欢</a>
                </div>
                <ul class="love_data">
                    <li class="love_good">
                        <a href="" class="render_data">
                            <img src="https://s5.mogucdn.com/mlcdn/776a41/210612_61ah4dc6hljaih6h5gel8e96kbdlb_750x1125.png_440x587.v1cAC.40.webp" alt="" class="render_img">
                            <p>短袖女新款超火纯棉小款上衣女夏短款高腰牛油果绿t恤ins潮衣服啊nihaoaqqqqq</p>
                            <span class="render_price">￥39.9</span>
                            <span class="render_salenum"><img
                                    src="https://s18.mogucdn.com/p2/160908/upload_27g4f1ch6akie83hacb676j622b9l_32x30.png"
                                    alt="">
                                <strong>1234</strong></span>
                        </a>
                    </li>
                    <li class="love_good">
                        <a href="" class="render_data">
                            <img src="https://s5.mogucdn.com/mlcdn/776a41/210612_61ah4dc6hljaih6h5gel8e96kbdlb_750x1125.png_440x587.v1cAC.40.webp" alt="" class="render_img">
                            <p>短袖女新款超火纯棉小款上衣女夏短款高腰牛油果绿t恤ins潮衣服啊nihaoaqqqqq</p>
                            <span class="render_price">￥39.9</span>
                            <span class="render_salenum"><img
                                    src="https://s18.mogucdn.com/p2/160908/upload_27g4f1ch6akie83hacb676j622b9l_32x30.png"
                                    alt="">
                                <strong>1234</strong></span>
                        </a>
                    </li>
                    <li class="love_good">
                        <a href="" class="render_data">
                            <img src="https://s5.mogucdn.com/mlcdn/776a41/210612_61ah4dc6hljaih6h5gel8e96kbdlb_750x1125.png_440x587.v1cAC.40.webp" alt="" class="render_img">
                            <p>短袖女新款超火纯棉小款上衣女夏短款高腰牛油果绿t恤ins潮衣服啊nihaoaqqqqq</p>
                            <span class="render_price">￥39.9</span>
                            <span class="render_salenum"><img
                                    src="https://s18.mogucdn.com/p2/160908/upload_27g4f1ch6akie83hacb676j622b9l_32x30.png"
                                    alt="">
                                <strong>1234</strong></span>
                        </a>
                    </li>
                    <li class="love_good">
                        <a href="" class="render_data">
                            <img src="https://s5.mogucdn.com/mlcdn/776a41/210612_61ah4dc6hljaih6h5gel8e96kbdlb_750x1125.png_440x587.v1cAC.40.webp" alt="" class="render_img">
                            <p>短袖女新款超火纯棉小款上衣女夏短款高腰牛油果绿t恤ins潮衣服啊nihaoaqqqqq</p>
                            <span class="render_price">￥39.9</span>
                            <span class="render_salenum"><img
                                    src="https://s18.mogucdn.com/p2/160908/upload_27g4f1ch6akie83hacb676j622b9l_32x30.png"
                                    alt="">
                                <strong>1234</strong></span>
                        </a>
                    </li>
                    <li class="love_good">
                        <a href="" class="render_data">
                            <img src="https://s5.mogucdn.com/mlcdn/776a41/210612_61ah4dc6hljaih6h5gel8e96kbdlb_750x1125.png_440x587.v1cAC.40.webp" alt="" class="render_img">
                            <p>短袖女新款超火纯棉小款上衣女夏短款高腰牛油果绿t恤ins潮衣服啊nihaoaqqqqq</p>
                            <span class="render_price">￥39.9</span>
                            <span class="render_salenum"><img
                                    src="https://s18.mogucdn.com/p2/160908/upload_27g4f1ch6akie83hacb676j622b9l_32x30.png"
                                    alt="">
                                <strong>1234</strong></span>
                        </a>
                    </li>
                    <li class="love_good">
                        <a href="" class="render_data">
                            <img src="https://s5.mogucdn.com/mlcdn/776a41/210612_61ah4dc6hljaih6h5gel8e96kbdlb_750x1125.png_440x587.v1cAC.40.webp" alt="" class="render_img">
                            <p>短袖女新款超火纯棉小款上衣女夏短款高腰牛油果绿t恤ins潮衣服啊nihaoaqqqqq</p>
                            <span class="render_price">￥39.9</span>
                            <span class="render_salenum"><img
                                    src="https://s18.mogucdn.com/p2/160908/upload_27g4f1ch6akie83hacb676j622b9l_32x30.png"
                                    alt="">
                                <strong>1234</strong></span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 右侧导航栏区域结构 -->
    <div class="right_nav">
        <div class="nav_index">
            <a href="index1.html">首页</a>
        </div>
        <div class="nav_daybuy">
            <a href="javascript:;">今日必抢</a>
        </div>
        <div class="nav_womenwear">
            <a href="javascript:;">女装</a>
        </div>
        <div class="nav_womenshoes">
            <a href="javascript:;">女鞋包包</a>
        </div>
        <div class="nav_menwear">
            <a href="javascript:;">男装男鞋</a>
        </div>
        <div class="nav_underwear">
            <a href="javascript:;">内衣</a>
        </div>
        <div class="nav_furnishings">
            <a href="javascript:;">家纺家饰</a>
        </div>
        <div class="nav_babywear">
            <a href="javascript:;">母婴童装</a>
        </div>
        <div class="nav_love">
            <a href="javascript:;">猜你喜欢</a>
        </div>
        <div class="nav_backtop">
            <a href="javascript:;">返回顶部</a>
        </div>
    </div>

    <!-- 底部区域结构 -->
    <footer class="foot">
        <div class="container">
            <div class="f_conbox">
                <!-- 底部图标 -->
                <div class="f_icon">
                    <a href="javascript:;">
                        <img src="https://s10.mogucdn.com/mlcdn/c45406/181112_4a8ch8fac2i12ib313hif4da35ed3_280x76.png" alt="">
                    </a>
                </div>
                <!-- 底部帮助栏目 -->
                <div class="f_help clearfix">
                    <dl class="fl">
                        <dt>新手帮助
                            <p class="f_help_border"></p>
                        </dt>
                        <dd>
                            <a href="javascript:;">常见问题</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">自动服务</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">联系客服</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">意见反馈</a>
                        </dd>
                    </dl>
                    <dl class="fl">
                        <dt>权益保障
                            <p class="f_help_border"></p>
                        </dt>
                        <dd>
                            <a href="javascript:;">全国包邮</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">7天无理由退货</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">退货运费补贴</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">限时发货</a>
                        </dd>
                    </dl>
                    <dl class="fl">
                        <dt>支付方式
                            <p class="f_help_border"></p>
                        </dt>
                        <dd><a href="javascript:;">微信支付</a></dd>
                        <dd><a href="javascript:;">支付宝</a></dd>
                        <dd><a href="javascript:;">白付美支付</a></dd>
                    </dl>
                    <dl class="fl">
                        <dt>移动客户端下载
                            <p class="f_help_border"></p>
                        </dt>
                        <dd><a href="javascript:;">蘑菇街</a></dd>
                        <dd><a href="javascript:;">美丽说</a></dd>
                        <dd><a href="javascript:;">uni引力</a></dd>
                    </dl>
                </div>
                <!-- 底部关于项 -->
                <div class="f_about">
                    <ul>
                        <li>
                            <a href="javascript:;">关于我们</a>
                        </li>
                        <li>
                            <a href="javascript:;">招聘信息</a>
                        </li>
                        <li>
                            <a href="javascript:;">联系我们</a>
                        </li>
                        <li>
                            <a href="javascript:;">商家入驻</a>
                        </li>
                        <li>
                            <a href="javascript:;">商家后台</a>
                        </li>
                        <li>
                            <a href="javascript:;">规则中心</a>
                        </li>
                        <li>
                            <a href="javascript:;">规则众议院</a>
                        </li>
                        <li>
                            <a href="javascript:;">有害信息举报</a>
                        </li>
                        <li>
                            <a href="javascript:;">用户隐私保护</a>
                        </li>
                    </ul>
                </div>
                <!-- 底部商家公司名称 -->
                <div class="footer_hostname"><span>©2020 Mogu.com 杭州卷瓜网络有限公司</span></div>
            </div>
        </div>
    </footer>
</body>

</html>

<script>
    const search = document.querySelector(".sc_text")
    const oUl = $(".top_nav_tip ul")
    search.oninput = function() {
        if (document.querySelector("#mogujie")) {
            document.querySelector("#mogujie").remove()
        }
        let oScript = document.createElement("script")
        oScript.id = "mogujie"

        // oScript.src = "https://suggest.taobao.com/sug?code=utf-8&q=" + search.value + "&extras=1&area=c2c&bucketid=atb_search&pid=mm_26632258_3504122_32538762&unid=&clk1=e4a8379ea9b518849bb2c7b0032a8903&_=1622169652284&callback=mogujie"

        oScript.src = "https://list.mogu.com/search?cKey=pc-search-entry&_version=8388605&searchKey=" + search.value + "&callback=mogujie"
        document.body.appendChild(oScript)
    }

    function mogujie(data) {
        console.log(data)
            // let str = ""
            // for (let value of data.result) {
            //     str += `
            //       <li>${value[0]}</li>
            //     `
            // }
            // oUl.innerHTML = str
    }
</script>